﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="GetAddressMapLocPage.ascx.cs" Inherits="IDotNet.MapLibs.Web.Pages.GetAddressMapLocation" %>
<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>在地图上选择点</title>
    <style type="text/css">
        body, html {
            width: 100%;
            height: 100%;
            overflow: hidden;
            margin: 0;
            font-family: "微软雅黑";
        }

        #mapContainer, #allmap {
            width: 100%;
            height: 100%;
            position: relative;
        }

        .mapTopContext {
            margin-bottom: 5px;
        }

        .tip {
            font-size: smaller;
            font-weight: bold;
            color: blue;
        }

        #tipMsg {
            color: red;
        }

        #mapTipMagContainer {
            position: absolute;
            left: 0;
            top: 20px;
            text-align: center;
            width: 100%;
        }

        .btns {
            text-align: center;
        }

            .btns a {
                margin-left: 10px;
            }

        #mapTipMsg {
            padding: 10px;
            background-color: #444;
            color: #fff;
            font-weight: bolder;
            display: none;
        }
    </style>
</head>
<body>
    <div class="mapTopContext">
        根据地址搜索：<input type="text" id="txtAddress" style="width: 400px" value="<%:reqModel.Address %>" />
        <button type="button" id="btnSearch">
            搜索</button>
    </div>
    <div id="mapContainer">
        <div id="allmap">
        </div>
        <div id="mapTipMagContainer">
            <span id="mapTipMsg"></span>
        </div>
    </div>
    <script src="http://api.map.baidu.com/api?v=2.0&ak=<%:MapAk %>"></script>
    <script src="content/js/jquery.min.js"></script>
    <!--[if lt IE 8]>
    <script src="content/js/json2.min.js"></script>
    <![endif]-->
    <script src="content/js/MapCommon.js"></script>
    <script src="content/js/getAddressMapLoc.js?v=20161116"></script>
    <script>
        var param = <%=reqJson%> ;
    </script>
    <script type="text/javascript">
        if (!/^[\d\.\:]+$/.test(location.host)) {
            document.domain = location.host.match(/(\w+\.\w+)(:|$)/)[1];
        }
        $(function() {
            getAddressMapLocApi.init(param);
        });
    </script>
</body>
</html>
